<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>3D Pie Chart using amCharts.js</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="chartdiv"></div>
<script src='js/amcharts.js'></script>

</body>
</html>
<script>
	var chart;
	var legend;

	var chartData = [{
		country: "Lithuania",
		value: 1},
	{
		country: "Ireland",
		value: 1},
	{
		country: "Germany",
		value: 1},
	{
		country: "Australia",
		value: 1},
	{
		country: "UK",
		value: 1},
	{
		country: "Latvia",
		value: 1}];

	AmCharts.ready(function() {
		// PIE CHART
		chart = new AmCharts.AmPieChart();
		chart.dataProvider = chartData;
		chart.titleField = "country";
		chart.valueField = "value";
		chart.outlineColor = "";
		chart.outlineAlpha = 0.8;
		chart.outlineThickness = 2;
		// this makes the chart 3D
		chart.depth3D = 20;
		chart.angle = 30;

		// WRITE
		chart.write("chartdiv");
	});
</script>